Fecha de publicación: 20 de mayo de 2025
En Google I/O 2025, presentamos nuevas funciones para potenciar tu productividad y ayudarte a crear una Web más potente, fluida y moderna.
Estas son 10 innovaciones clave que ponen capacidades de vanguardia directamente en tus manos y que seguramente te inspirarán para tu próximo proyecto.
1. Los carruseles son más fáciles de compilar que nunca con unas pocas líneas de CSS y HTML.
Crea hermosos carruseles con CSS que sean interactivos en la primera pintura. Chrome 135 introdujo nuevas primitivas de CSS: fragmentación con diseño, elementos de marcador de desplazamiento y botones de desplazamiento, lo que simplifica la creación de carruseles sin JavaScript. Usa conceptos de CSS conocidos para crear carruseles enriquecidos, interactivos, fluidos y más accesibles en una fracción del tiempo.
2. Popups declarativos: Presentamos la nueva API de Interest Invoker
La API experimental de Interest Invoker está disponible como una prueba de origen.
Con esta función, puedes activar o desactivar de forma declarativa los pop-ups cuando el interés del visitante está activo durante un período breve. Adiós al atributo [title] sin diseño y hola [interesttarget]. Combínala con la API de Anchor Positioning y la API de Popoves para crear elementos de IU enriquecidos, responsivos e interactivos, como tarjetas de desplazamiento o cuadros de herramientas, sin JavaScript. Las posibilidades son infinitas con el CSS moderno.
3. Hay varias APIs de IA integradas que usan modelos líderes, como Gemini Nano, disponibles con funciones multimodales en la API de Prompt.
Seguimos avanzando en nuestro recorrido hacia la IA integrada, que te brinda una privacidad mejorada, una latencia reducida y un costo más bajo, junto con acceso a resultados de alta calidad creados por IA. La IA integrada usa modelos de expertos y Gemini Nano, el modelo más eficiente de Google, para las tareas en el dispositivo. A partir de Chrome 138, la API de Summarizer, la API de Language Detector, la API de Translator y la API de Prompt para extensiones de Chrome están disponibles en la versión estable. Además, las APIs de Writer y Rewriter están disponibles en las pruebas de origen.
La nueva API de Proofreader, junto con la API de Prompt con capacidades multimodales, están disponibles en Chrome Canary.
Para obtener la información más reciente, únete a nuestro programa de vista previa anticipada para colaborar en nuevas APIs de IA integradas y forjar el futuro de la IA en la Web.
4. La IA del cliente se extiende con Firebase y la API de Gemini Developer para proporcionar una solución de IA híbrida
Nuestra colaboración con Firebase y la API de Gemini Developer significa que ahora puedes crear experiencias web impulsadas por IA en dispositivos móviles y computadoras. Estas aplicaciones usan IA del cliente cuando es posible y se escalan sin problemas a la IA del servidor para llegar a todos los dispositivos y navegadores. A partir de hoy, Firebase AI Logic proporciona acceso sin problemas a la API de Prompt integrada de Chrome, respaldada por Gemini Nano y modelos más pequeños similares en el servidor a través de la API de Gemini Developer.
5. La asistencia de IA en Chrome DevTools admite tu flujo de trabajo de depuración en diseño, rendimiento y mucho más.
Con la asistencia de IA, puedes chatear con Gemini para que te ayude a depurar errores de diseño en el panel Elementos, resolver problemas de rendimiento en el panel Rendimiento, identificar problemas de red en el panel Red y ubicar archivos de origen en el panel Fuentes. Además, la asistencia de IA ahora puede aplicar sus cambios relacionados con el diseño directamente a tu código fuente en el panel Elementos.
6. Los datos de usuarios reales, las estadísticas de Lighthouse y las funciones de IA del panel Rendimiento de DevTools de Chrome te ayudan a comprender y solucionar problemas de rendimiento.
Con el panel de rendimiento rediseñado, ahora puedes acceder a los datos de Métricas web esenciales locales y de usuarios reales y pedirle a Gemini que te ayude a comprender y solucionar problemas de rendimiento. La barra lateral de estadísticas muestra las estadísticas de Lighthouse en tus seguimientos, lo que te ayuda a depurar más rápido, sin tener que salir de tu flujo de trabajo ni interrumpir tu productividad.
7. La disponibilidad de las funciones de Baseline ahora está disponible en tus herramientas habituales: VS Code, ESLint y muchas más.
Logra una mayor precisión y confianza en tu flujo de trabajo de desarrollo web con la integración de Baseline. Con tus herramientas de desarrollo web conocidas, obtendrás una visibilidad clara de la disponibilidad de las funciones web en los navegadores principales:
- IDEs: VSCode ahora muestra el estado del modelo de referencia de las funciones justo cuando compilas, y pronto se admitirá en WebStorm de JetBrains y en IDEs basados en VS Code, como Firebase Studio, Windsurf, GitHub Codespaces y muchos más.
- Linters: Los linters de CSS y HTML pueden advertirte de forma proactiva cuando usas una función más reciente que tu objetivo de Baseline. Baseline es compatible con ESLint para CSS, HTML ESLint y Stylelint.
- Análisis: RUMvision combina los datos del modelo de referencia con las métricas de usuarios reales, lo que te permite seleccionar estratégicamente la versión óptima del modelo de referencia para tu público. Los usuarios de Google Analytics pueden subir sus datos al Verificador de comparativas de Google Analytics para obtener recomendaciones de comparativas.
- Compiladores: Usa browserslist-config-baseline para conectar tus objetivos de Baseline a tus herramientas de compilación de código, como Babel y PostCSS, de modo que puedas usar funciones modernas en tu código fuente y compilarlas en tus compilaciones de producción.
8. Obtén una vista completa de la compatibilidad con las funciones web con el panel de la plataforma web
El año pasado, anunciamos el panel de la plataforma web, una forma de explorar los datos de componentes web que asignan toda la plataforma web como un conjunto de componentes. Ahora que el conjunto de datos de funciones web está 100% asignado, por primera vez, puedes ver el estado del modelo de referencia de cada función en todos los navegadores, desde AVIF hasta las transiciones de vista, incluida su disponibilidad y adopción. Mantente al tanto y crea con confianza.
9. Prueba para desarrolladores para obtener una experiencia de acceso optimizada con el Administrador de credenciales
Reconocemos las dificultades que pueden generar varios métodos de autenticación, como contraseñas, federación de identidades y llaves de acceso, a los usuarios de tus sitios. Nuestro objetivo es ofrecer una experiencia de acceso unificada y sin esfuerzo para los usuarios, por lo que llevaremos la experiencia intuitiva del Administrador de credenciales de Android a Chrome. Pronto, cuando los usuarios hagan clic en Acceder, Chrome mostrará las credenciales disponibles para este sitio, como las llaves de acceso y las contraseñas del Administrador de contraseñas de Google, lo que facilitará el acceso. También planeamos agregar la identidad federada a esta experiencia. El Administrador de credenciales para la Web ahora está en prueba para desarrolladores. No te pierdas las próximas actualizaciones más adelante este año.
10. Itera en las extensiones de Chrome más rápido con la capacidad de cancelar la revisión de envío
Enviar tu extensión de Chrome debería ser una experiencia sencilla, sin preocupaciones y emocionante. Sin embargo, sabemos que un problema era no poder corregir rápidamente un error en un envío pendiente. A principios de este año, presentamos la función para cancelar un envío pendiente, que se basa en la capacidad de revertir una versión publicada anteriormente, todo con el objetivo de permitirte hacer cambios y volver a enviar el contenido rápidamente.
Para obtener toda la información más reciente, visita developer.chrome.com y web.dev para obtener más información sobre cómo estamos creando una Web potente y más fácil de usar. Además, asegúrate de comunicarte con nosotros en X, YouTube y LinkedIn. Nos vemos en la próxima I/O.
Deloitte hace referencia a una o más de Deloitte Touche Tohmatsu Limited, una sociedad privada limitada por garantía del Reino Unido ("DTTL"), su red de firmas miembro y sus entidades relacionadas. DTTL y cada una de sus firmas miembro son entidades legalmente independientes. DTTL (también conocida como “Deloitte Global”) no proporciona servicios a los clientes. En Estados Unidos, Deloitte hace referencia a una o más de las firmas miembros de DTTL en ese país, sus entidades relacionadas que operan con el nombre “Deloitte” en Estados Unidos y sus respectivas afiliadas. Es posible que ciertos servicios no estén disponibles para los clientes de certificación según las reglas y reglamentaciones de la contabilidad pública. Consulta www.deloitte.com/about para obtener más información sobre nuestra red global de firmas miembro.